- add_page_specific_style 'page_bundles/login'
- custom_text = custom_sign_in_description

!!! 5
%html.html-devise-layout{ class: user_application_color_mode, lang: I18n.locale }
  = render "layouts/head"
  - local_brand_title = yield(:overridden_brand_title).presence || brand_title
  %body.gl-h-full.login-page{ class: "#{system_message_class} #{client_class_list}", data: { page: body_data_page, testid: 'login-page' } }
    = header_message
    = render "layouts/init_client_detection_flags"
    = yield :sessions_broadcast
    .gl-h-full.gl-flex.gl-flex-wrap
      .container.gl-self-center
        %main.content
          = render "layouts/flash"
          - if custom_text.present?
            .row.gl-mt-5.gl-gap-y-6
              .col-md.order-12
                .col-sm-12
                  %h1.gl-mb-5.gl-text-size-h2.gl-hidden.md:gl-block
                    = local_brand_title
                  #js-custom-sign-in-description= custom_text
              .col-md.order-md-12
                .col-sm-12.bar
                  .gl-text-center.gl-mb-5
                    = brand_image
                    %h1.gl-mb-3.gl-text-size-h2.md:gl-hidden
                      = local_brand_title
                  = yield
          - else
            .gl-my-5
              .col-sm-12.gl-text-center
                = brand_image
                %h1.mb-3.gl-text-size-h2
                  = local_brand_title
              .gl-w-full.gl-ml-auto.gl-mr-auto.bar{ class: 'sm:gl-w-1/2' }
                = yield

      = render 'devise/shared/footer'
